<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0">
    <title>订单管理</title>

    <script src="/js/shop/js/jquery.min.js"></script>
    <script src="/js/shop/js/shoppingcart.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="/js/shop/css/shoppingcart.css"/>
    <script src="/js/common.js"></script>
    <script src="/js/checkLogin.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <link rel="stylesheet" href="/js/plugins/dialog2/dialog.css"/>
    <script src="/js/plugins/dialog2/dialog.min.js"></script>
    <script src="/js/plugins/form/jquery.form.js"></script>

    <link rel="stylesheet" href="/js/bootstrap-4.1.1-dist/css/bootstrap.min.css">
    <script src="/js/bootstrap-4.1.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/css/font/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/css/reset.css"/>
    <link rel="stylesheet" href="/css/strategy.css"/>

    <link rel="stylesheet" href="/js/commodity/More.css">
    <link rel="stylesheet" href="/js/commodity/style.css"/>
    <link rel="stylesheet" href="/js/commodity/Up.css">
    <script type="text/javascript" src="/js/commodity/touch.js"></script>
    <script type="text/javascript" src="/js/commodity/srcolltop.js"></script>
    <script type="text/javascript" src="/js/commodity/timer.js"></script>
    <script type="text/javascript" src="/js/commodity/xlmenu.js"></script>
    <style>
        .a1{font-size: 16px;}
        .a2{font-size: 12px;}
        .a3{font-size: 9px; color: #5a6268; font-style: initial;}
        .a4{margin-left: 260px;margin-top: -55px; height: 30px; width: 70px;float: right;}
        .a5{color: white;font-size: 18px; margin-left:100px;}
        .product-dx{float:left;height:5rem;padding:.6rem 0;border-bottom:1px  #e1e1e1;padding-left:3rem;display:inline-block;width:100%;box-sizing:border-box;position:absolute;top:0;left:0}
        .product .product-box-d{width:100%;height:5rem;position:relative}
    </style>
    <script>
        $(function () {
            $.get(baseUrl+"/users/"+user.id+"/orders",{pageSize:0},function (data) {
                $("#order").renderValues(data,{
                    'getHref': getHref
                })

                //删除产品
                $(".product-del").click(function(){
                    if(confirm("您确定要删除当前商品？")){
                        $(this).closest(".product-box").remove();
                    }
                    koncat();
                });
            })
        })
    </script>
</head>
<body>
<div class="search-head" style="height: 0px;background-color:#2b2c33;">
    <div class="row nav-search" >
        <div class="col-2">
            <a href="javascript:window.history.go(-1);">
                <span><i class="fa fa-chevron-left fa-2x"></i></span>
            </a>
        </div>
    </div>
</div>
<div class="body" style="padding-top: 0px;">
    <div class="shop" style="background-color: #2b2c33;height: 40px;"><i></i><span class="a5">我的收货地址</span></div>
    <div class="product">
        <div class="product-box-d">
            <div class="product-ckb"></div>
            <div class="product-dx">
                <span class="product-name" render-html="list.product.name"></span>
                <span class="a2">收货人:</span><span class="a3">隔壁二狗子</span><br>
                <span class="a2">电话:</span><span class="a3">14384284250</span><br>
                <span class="a2">详细地址:</span><span class="a3">广东省广州市天河区大地商务叩丁狼404</span>
                <div class="product-amount">
                    <input type="hidden" name="id" class="product-id" render-value="list.product.id">
                    <input type="hidden" name="id" class="productCar-id" render-value="list.id">
                    <div style="margin-right: 40px; width: 40px;height: 15px;">
                    </div>
                </div>
                <a href="address.html" class="btn a4">
                    <button style="background-color: #9f9f9f">更换地址</button>
                </a>
            </div>
        </div>
    </div>
    <hr>
    <div class="shop"><i></i><span>我的订单</span></div>
    <div id="order">
        <div class="product" render-loop="list">
            <div class="product-box">
                <div class="product-ckb"></div>
                <div class="product-sx">
                    <a render-key="list.product.id" render-fun="getHref" data-url="productData.html?id=">
                        <img render-src="list.product.imgUrl" class="product-img" />
                    </a>
                    <span class="product-price">¥&thinsp;<span class="price" render-html="list.product.price"></span></span>
                    <span class="a2" render-html="list.product.name"></span><br>
                    <span class="a3" render-html="list.product.intro"></span>
                    <div class="product-amount">
                        <input type="hidden" name="id" class="product-id" render-value="list.product.id">
                        <input type="hidden" name="id" class="productCar-id" render-value="list.id">
                        <div style="margin-right: 40px; width: 40px;height: 15px;">
                            <!--<em class="product-jian">-</em>-->
                           <!-- <input type="text" value="1" class="product-num"/>-->
                            <span class="a1" style="color: red;font-style: italic;">×<span render-html="list.productNumber"></span></span>
                           <!-- <em class="product-add">+</em>-->
                        </div>
                    </div>
                    <div class="product-del"><img src="/js/shop/img/deleteico.png"/></div>
                </div>
            </div>
        </div>
    </div>
    <div class="wx_nav" id="wx_nav">
        <a href="market.html"  id="nav_index">首页</a>
        <a href="shoppingCar.html" class="glyphicon glyphicon-shopping-cart" id="nav_shopcart">购物车</a>
        <a href="order.html"  id="nav_me on">订单</a>
    </div>
</div>

</body>
</html>